*,
*:before,
*:after
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http//css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing(inherit)

html
    /* Apply a natural box layout model to the document; see http//www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    font-family Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial,sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
    -webkit-text-size-adjust 100%
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust 100%
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    box-sizing()

body
    font-size $font-size
    color $color;
    background #fff

/* Fallback for when there is no custom background color defined. */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
    padding 0
    margin 0
    font-family inherit
    font-size 100%
    font-style inherit
    font-weight inherit
    vertical-align baseline
    border 0
    outline 0

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary
    display block

audio,
canvas,
progress,
video
    display inline-block
    vertical-align baseline

audio:not([controls])
  display none
  height 0

[hidden],
template
  display none

ol,
ul
  list-style none

table
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse separate
  border-spacing 0

caption,
th,
td
  font-weight normal
  text-align left

blockquote:before,
blockquote:after,
q:before,
q:after
  content ""

blockquote,
q
  quotes "" ""

a
  background-color transparent

a:focus
  outline thin dotted

a:hover,
a:active
  outline 0

a img
  border 0

img
  border 0

svgnot(root)
  overflow hidden

/* Forms */
button,
input,
optgroup,
select,
textarea
  margin 0
  font inherit
  line-height inherit
  color inherit

button
  overflow visible

button,
select
  text-transform none

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]
  cursor pointer
  -webkit-appearance button

button[disabled],
html input[disabled]
  cursor default

button:-moz-focus-inner,
input:-moz-focus-inner
  padding 0
  border 0

input
  line-height normal

input[type="checkbox"],
input[type="radio"]
    padding 0
    box-sizing()

input[type="number"]:-webkit-inner-spin-button,
input[type="number"]:-webkit-outer-spin-button
  height auto

input[type="search"]
    box-sizing()
    -webkit-appearance textfield

input[type="search"]:-webkit-search-cancel-button,
input[type="search"]:-webkit-search-decoration
  -webkit-appearance none

fieldset
  padding 0.35em 0.625em 0.75em
  margin 0 2px
  border 1px solid #c0c0c0

legend
  padding 0
  border 0

textarea
  overflow auto

optgroup
  font-weight bold
